/* 
Theme Name: Coreden
Theme URI: http://themeforest.net/
Responsive CSS Stylesheet
 */
 
 
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 768px and 989px */

@media only screen and (min-width: 768px) and (max-width: 989px) {
	
	.inner { width:720px;}

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper  {
		width:760px;
		}
		
	#stretched #topbar, #boxed #topbar,
	#stretched #header, #boxed #header,
	#stretched #subheader, #boxed #subheader,
	#stretched #footer, #boxed #footer {
		width:760px;
		}
	 
	
	.leftsidebar #main    { width: 480px; }
	.rightsidebar #main  { width: 480px; }

	.leftsidebar #sidebar    { width: 220px; }
	.rightsidebar #sidebar  { width: 220px; }

	.twosidebar .leftsidebar #sidebar    	{ width: 150px;  }
	.twosidebar #main    					{ width: 390px; }
	.twosidebar .rightsidebar #sidebar  	{ width: 150px; }
		

	/* top part */	
	.topleft {
		width:40%;
		}	
	.topright {
		width:60%;
		}	
		
	/* header */	
	#header {
		padding:30px 0 50px 0;
		}	

	.subheader { width:740px; }

	.sf-menu a {
		padding: 0.75em 1.6em 0.75em 0;
	}

	.logo { 
		margin:0 auto;
		text-align:center;
		}	
		
	.menu {
		position:relative;
		}

	/* slider wrapper */	
	.slider_wrapper {
		width:766px;
		margin:0 auto;	

		}

	/* pagemid */	
	#stretched .pagemid, #boxed .pagemid { 
		width:766px;
		}	

	ul.tabs a { 
		padding:12px 5px; 	
		}
	.pricetable{ width:100%; }	
	.pricetable .block, .pricetable .block.active {
		width:24.5%; float:left; margin-bottom:10px;
		}
		
	.masonry { width:100%;}


}
	
	

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 320px */

@media only screen and (max-width: 767px) {

	.inner { width:280px;}
	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:320px;
		}	
	#stretched #topbar, #boxed #topbar,
	#stretched #header, #boxed #header,
	#stretched #subheader, #boxed #subheader,
	#stretched #footer, #boxed #footer {
		width:320px;
		}
		
	.half_width, 
	.one_half,        
	.one_third,       
	.two_third,      
	.one_fourth,     
	.one_fifth,       
	.three_fourth, 
	.four_fifth,     
	.two_fifth,       
	.three_fifth,   
	.one_sixth,       
	.four_sixth  { width:100%; margin-right:0; }

	.portfolio_item .two_third { width:97%; }
	.portfolio_item .one_third { width:97%; }
	.portfolio_item .one_half { width:97%; }
	.portfolio_item .one_fourth { width:97%; }
	
	.leftsidebar #main    { width: 100%; }
	.rightsidebar #main  { width: 100%; }

	.leftsidebar #sidebar    { width: 100%; }
	.rightsidebar #sidebar  { width: 100%; }

	.twosidebar .leftsidebar #sidebar     { width: 100%; }
	.twosidebar #main    				     { width: 100%; }
	.twosidebar .rightsidebar #sidebar   { width: 100%; }
	.rightsidebar #sidebar .widget-area { padding-left:0; }

	.twosidebar #main    { padding-left:0; }

	.subheader { width:280px; }
	.subdesc { width:100%; }


	/* topbar */
	#topbar .inner {
		height:auto;
		overflow:hidden;
		padding:12px 0;
		}	
	.topleft {
		width:100%;	
		}
	.topleft ul.links   { margin:0; text-align:center;   }
	.topleft ul.links li {
		display:inline-block;
		float:none;
		}
	.topright {
		width:100%;
		margin-top:10px;
		}
	#topbar_login input { float:left; width:75px;  }

	/* header */
	#header { padding:30px 0 50px 0;  }
	.logo {  display:block; float:none; width:100%; margin:0 auto; text-align:center;  }

	.menu { width:100%; position:inherit; left:0; }
	.menu select { width:100%; padding:5px; margin-bottom:5px; border:1px solid #eee; }

	/* slider wrapper */

	.slider_wrapper {
		width:316px;
		margin:0 auto;	
		}
		.planbox { 
			display:block;
			width:97%;
			margin-bottom:5px;
			}
		
	/* pagemid */	
	#stretched .pagemid, #boxed .pagemid { 
		width:100%;
		}

	/* slider caption */ 
	.flex-caption { display:none; } 
	.teamMember { margin:0 0 25px 0; }
	.three_fourth { width: 100%;   }

		.pricetable {
			width:100%;
			height:100%;
		}
		.pricetable .block{
			width:95%; float:none; margin-bottom:10px;
			}
		.pricetable .block.active { width:95%;  }
		
		.port_box { float:none; width:auto;  margin-bottom:5px; }
		.port_desc { padding-top:5px; }

		#comments-title 		{ width:100%; float:none; }
		ol.commentlist        	{ width:100%; margin-left:0; }
		.comment-author         { margin-bottom:10px; }
		.fancy_table     { width:50%;  }
		.fancybox_wrapper 	{ margin-bottom:10px; }
		.vertabs ul.tabs, .vertabs .panes  { display:none; }
		
		
 
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Landscape)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width: 767px) {

	.inner { width:400px; margin:0 auto;}
	
	#stretched #wrapper   { width:440px;} 
	#boxed #wrapper          { width:440px; }

	#stretched #topbar, #boxed #topbar,
	#stretched #header, #boxed #header,
	#stretched #subheader, #boxed #subheader,
	#stretched #footer, #boxed #footer {
		width:440px;
		}	

		
	.half_width, 
	.one_half,        
	.one_third,       
	.two_third,      
	.one_fifth,       
	.three_fourth, 
	.four_fifth,     
	.two_fifth,       
	.three_fifth,   
	.one_sixth,       
	.four_sixth  { width:100%; margin-right:0; }

	.portfolio_item .two_third { width:97%; }
	.portfolio_item .one_third { width:97%; }
	.portfolio_item .one_half { width:97%; }
	.portfolio_item .one_fourth { width:97%; }

	.leftsidebar #main    { width: 100%; }
	.rightsidebar #main  { width: 100%; }

	.leftsidebar #sidebar    { width: 100%; }
	.rightsidebar #sidebar  { width: 100%; }

	.twosidebar .leftsidebar #sidebar     { width: 100%; }
	.twosidebar #main    				     { width: 100%; }
	.twosidebar .rightsidebar #sidebar   { width: 100%; }
	.rightsidebar #sidebar .widget-area { padding-left:0; }

	.twosidebar #main    { padding-left:0; }

	.topleft {
		width:100%;	
		}
	.topleft ul.links   { margin:0; text-align:center;   }
	.topleft ul.links li {
		display:inline-block;
		float:none;
		}
	.topright {
		width:100%;
		margin-top:10px;
		}
	#topbar_login input { float:left; width:150px;  }

	/* header */
	#header { padding:30px 0 50px 0;  }

	.logo { display:block; float:none; width:100%; margin:0 auto; text-align:center; }

	.menu { width:400px; position:inherit; left:0px; }
	.menu select { width:100%;   }

	/* slider wrapper */
	.slider_wrapper {
		width:440px;
		margin:0 auto;	
		}
		.planbox { 
			display:block;
			width:97%;
			margin-bottom:5px;
			}

	/* pagemid */
	#stretched .pagemid, #boxed .pagemid { 
		width:440px;
		}

	/* slider caption */ 
	.flex-caption { display:none; } 
	.teamMember { margin:0 0 25px 0; }

	ul.tabs a { 
		padding:12px 5px; 	
		}
		
	.pricetable .block, .pricetable .block.active {
		width:48%; float:left; margin-bottom:10px;
		}

	.post .entry-title { text-align:left; }		
	.post .post_content  { 
		width:100%;
		}
	.fullwidth #main .entry-content  { margin-bottom:40px; }

	#container  { width:100%; }
	.masonry { width:100%;}
	.masonry .port { 	margin:0px 15px 25px 0; }
	.port {
		float:left;
		width:45%;
		margin:10px 15px 35px 0;
		}
	#galleria1 { width:100%; }
	
}